@CHARSET "UTF-8";

*{
	font-family: verdana;
}
a:link{
	
	text-decoration: none;
}
#logo{
	width: 180px; 
	height: 100px; 
	margin-top: -150px; 
	margin-left: 210px;
	padding: 10px 20px 0px 20px
}
#logo1{
	
	position: absolute;
	left: 650px; 
	top: 30px;
}
#home{
	position: absolute;
	left: 120px; 
	top: 100px;
	list-style: none;
	width: 200px;
}
#home1{
	position: absolute;
	left: 130px;
	top:160px; 
	text-align: center;
	font-style: italic;
	font-size: 12px;
	
}
#aluno1{
	position: absolute;
	left: 190px;
	top:160px; 
	text-align: center;
	font-style: italic;
	font-size: 12px;
}
#aluno{
	position: absolute;
	left: 220px; 
	top: 100px;
	list-style: none;
	width: 180px;
}
#professor{
	position: absolute;
	left: 320px; 
	top: 100px;
	list-style: none;
	width: 200px;
}
#professor1{
	position: absolute;
	left: 290px;
	top:160px; 
	text-align: center;
	font-style: italic;
	font-size: 12px;
}
#contato{
	position: absolute;
	left: 420px; 
	top: 100px;
	list-style: none;
	width: 180px;
}
#contato1{
	position: absolute;
	left: 420px;
	top:160px; 
	text-align: center;
	font-style: italic;
	font-size: 12px;
	
}
body{
	background-color: #061832;
	margin: 150px;
	margin-left: 100px;
	padding: 10px;
	width: 500px;
	height: 700px;

}
#folhaBranca{
	background-color: #fff;
	width: 900px;
	height: 900px;
}
#animacao {
	
	width: 620px; 
	height: 250px;
	top: 150px;
	margin: 100px;
	right: 100px;

}
#menuLateral {
	position: absolute;
	left: 120px; 
	top: 470px;
	font-size: 12px;
	padding: 5px;
	display: block;
	color: #fff;
	border-bottom: 3px solid #ccc;
	border-right: 3px solid #ccc;
	background: #fff;
}
#c{
	background: #005CE0;
	padding: 10px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 1px;
}
#m{
	background: #005CE0;
	padding: 10px;
	color: #fff;
	margin-top: 1px;
	margin-bottom: 1px;
}
#l{
	background: #005CE0;
	padding: 10px;
	color: #fff;
	margin-top: 1px;
	margin-bottom: 1px;
	
}
#s{
	background: #005CE0;
	padding: 10px;
	color: #fff;
	margin-top: 1px;
	margin-bottom: 1px;
	
}
#e{
	background: #005CE0;
	padding: 10px;
	color: #fff;
	margin-top: 1px;
	margin-bottom: 1px;
	
}

#fales{
	position: absolute;
	left: 380px; 
	top: 480px;
	font-size: 12px;
	width: 450px;
	padding: 5px;
	color: #777;
	border-bottom: 3px solid ;
	border-color: #777;
	
}
#cursos{
	position: absolute;
	left: 380px; 
	top: 580px;
	font-size: 12px;
	width: 450px;
	padding: 5px;
	color: #777;
	border-bottom: 3px solid ;
	border-color: #777;
	
}
#escola{
	position: absolute;
	left: 380px; 
	top: 680px;
	font-size: 12px;
	width: 450px;
	padding: 5px;
	color: #777;
	border-bottom: 3px solid ;
	border-color: #777;
}

#menu li a{
	
	height: 30px;
	line-height: 25px;
	color: #777;
	border-bottom: 2px;
	border-bottom: dotted; 
	background: #FFF;
}
#menu li a:hover{
	background:#e5e5e5;
	color:#333;
 
}
#menu li ul,#menu li:hover ul ul{
		 display:none;
}
#rodape {
	
	background:#061832; 
	margin-top:100px; 
	margin-left: 0px;
	padding: 0px 20px 0px 20px;
	text-align: center;
	font-style: italic;
	
}
#p1{
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-align: center;
	
}
#p2{
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-align: center;
}
#p3{
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-align: center;
}
#rod{
	margin-top: 350px;
	background: #005CE0;
}
